export default {
        el:"#player",
        data:{
            query:"许嵩" ,//查询默认许嵩的哥
            musicList:[],   //歌曲数组
            musicurl: "" ,//音乐的地址
          picurl: "images/cover.png", //音乐的封面
            remarkList:[] ,//用来接收评论
            isplaying:false ,//判断播放动画
            mvurl:"", 		//mv的url
            isPlayMV:false 	//是否播放mv(遮罩层的显示状态)

        },
        created:function () {// created:function () 可以直接发送请求
                var that=this;//用来间接接受
                axios.post("https://autumnfish.cn/search?keywords="+this.query).then(
                    function (response) {
                        console.log(response);
                        that.musicList=response.data.result.songs;    //查询到的歌曲列表

                    }
                ).catch(function (errnoError) {
                    console.log("查询到的歌曲列表访问出错");
                })

        },
        methods:{

            searchMusic:function () {
                var that=this;//用来间接接受
              axios.post("https://autumnfish.cn/search?keywords="+this.query).then(
                  function (response) {
                      console.log(response);
                      that.musicList=response.data.result.songs;    //查询到的歌曲列表

                  }
              ).catch(function (errnoError) {
                  console.log("查询到的歌曲列表访问出错");
              })
            },
            playMusic:function (songid) {//播放音乐的方法
                var that=this;
                axios.post("https://autumnfish.cn/song/url?id="+songid).then(//根据id查找哥名，获取歌曲地址
                    function (response) {
                    console.log(response);
                    console.log(response.data.data[0].url)
                        that.musicurl=response.data.data[0].url;//找到音乐数组的第一个
                    }
                ).catch(function (error) {
                    console.log("播放音乐的方法访问出错");
                }),
                    //获取封面的地址
                axios.post("https://autumnfish.cn/song/detail?ids="+songid).then(function (response) {
                         console.log(response);
                         that.picurl=response.data.songs[0].al.picUrl; //获取封面信息
                }).catch(function (error) {
                    console.log("获取封面出错");
                }),
                    //歌曲评论
                axios.post("https://autumnfish.cn/comment/hot?type=0&id="+songid).then(
                    function (response) {
                        console.log(response);
                        that.remarkList=response.data.hotComments;

                    }
                ).catch(function (error) {
                    console.log('评论失败');

                })


            },
            //开始播放，控制旋转
            play:function () {
                this.isplaying=true;

            },
            //停止播放，控制旋转
            pause:function () {
                this.isplaying=false;
            },
            playMV:function (mvid) {
                var that=this;
                axios.post("https://autumnfish.cn/mv/url?id="+mvid).then(function (response) {
                    console.log(response);
                  that.mvurl=response.data.data.url;
                  that.isPlayMV=true;//开始显示视频
                    that.isplaying=false;//停止动画
                    that.musicurl="";//停止音乐
                }).catch(function (error) {
                  console.log("获取mv失败");
                })

            },
            // 关闭MV
            closeMV:function(){
                this.isPlayMV=false;
            }
        },
        created:function () {// created:function () 可以直接发送请求
                var that=this;//用来间接接受
                axios.post("https://autumnfish.cn/search?keywords="+this.query).then(
                    function (response) {
                        console.log(response);
                        that.musicList=response.data.result.songs;    //查询到的歌曲列表

                    }
                )

        },

    })
}
